<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<html>
<head>
    <title>我的会员</title>
    <div data-th-replace="layout/head"></div>
</head>
<body>
    <!-- top bar -->
    <header class="bar bar-nav">
        <a class="button button-link button-nav pull-left goBack" th:href="@{/mobile/uc/index}">
            <span class="iconfont icon-fanhui"></span>
        </a>
        <h1 class='title title-white'>我的会员</h1>
    </header>
    <!-- top bar end-->
    <div class="content wm-content order-content of">
        <div class="u-member-new_wrap">
            <header class="fs7 u-m-title">你的会员信息</header>
            <!--公共无数据提示 开始-->
            <section class="no-data__wrap" th:if="${userMemberBuyRecord}==null and ${selaSwitch}!=1 ">
                <p>
                    <span   class="c-333 no-open-member"> 您还未开通会员</span><br>
                    开通会员可以在有效期内享受会员特权~
                </p>
                <p>
                    <a  href="/mobile/uc/member/queryAllMemberList" class="button button-big button-danger button-fill button-round">开通会员</a>
                </p>
            </section>
            <section class="no-data__wrap" th:if="${selaSwitch}==1">
                <p>
                    <span   class="c-333 no-open-member">会员功能已关闭</span><br>
                    你好，会员功能已关闭，感谢关注，后续请期待
                </p>
                <p>
                    <a th:disabled="${selaSwitch}==1"   class="button button-big button-danger button-fill button-round">开通会员</a>
                </p>
            </section>
            <!--公共无数据提示 结束-->
            <div th:if="${userMemberBuyRecord}!=null and ${selaSwitch}!=1 " class="clearfix u-member-new_box">
                    <aside class="pull-right c-bbb mt5">
                        <a th:href="@{/mobile/uc/member/queryAllMemberList}" class="button button-fill button-round button-danger toQuestionPopBtn">续费</a>
                    </aside>
                <div class="mr5 pull-left c-red">
                    <img class="wm-img" th:src="@{{path}/front/mobile/v3/img/uc/vip_uc_big.png?v={v}(path=${staticPath},v=${v})}" width="36" height="41" alt="">
                </div>
                    <div>
                        <span class="c-bbb fs7">会员到期时间</span>
                    </div>
                    <div class="facebook-name c-red">
                        <span th:text="${userMemberBuyRecord['endTime']}"></span><br />
                        <span th:if="!(${userMemberBuyRecord['validDay']} &gt; 0)" class="fs4">[会员已到期，续费可继续使用哦！]</span></div>
                </div>
        </div>

        <div class="u-member-new_wrap">
            <header class="fs7 u-m-title">会员开通记录</header>
            <div class="clearfix u-member-new_box">
                <ul class="list-container history-lecture-list uAccount-list uMember-list" id="u-member-record-list-box">
                </ul>
            </div>
        </div>
    </div>
    <div data-th-replace="layout/footer"></div>
    <script type="text/javascript" th:src="@{{path}/front/mobile/business/user/center/member/u-member.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>
